<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>画线组件</title>
		<link rel="stylesheet" type="text/css" href="../css/acui.css" />
		<style type="text/css">
			div {
				width: 600px;
				height: 600px;
				background: yellow;
			}
		</style>
	</head>

	<body>
		<div id="div1">

		</div>
		<div id="div2">

		</div>
		<script src="../js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.toLine.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#div1').toLine({
				before:function(){
					console.log('开始画直线啦~~');
				},
				process:function(){
					console.log('画直线ing~~');
				},
				end:function(){
					console.log('画完直线啦~~');
				}
			});
		</script>
	</body>

</html>